{% extends 'component/layout.html' %}
{% block title %} 首页 {% endblock %}
{% block body %}
<!--  -->
<div class="focus-page" style="background-image: url(images/focus-news.jpg);"></div>
<!--  -->
<div class="container">
    <div class="submenu row flex-wrap my-5">
        <div class="col"> <a class="submenu-item active" href="news.html">企业动态</a> </div>
        <div class="col"> <a class="submenu-item" href="#">行业资讯</a> </div>
        <div class="col"> <a class="submenu-item" href="#">专题报导</a> </div>
        <div class="col"> <a class="submenu-item" href="#">领导关怀</a> </div>
    </div>
</div>
<!--  -->
<div class="container">
    <div class="main pt-0 page-news">
        <ul class="news-list">
            {% for item in Array(6) -%}
            <li class="news-list-item">
                <div class="d-md-flex">
                    <div class="date d-none d-lg-block mr-4">
                        <div class="day">23</div>
                        <div class="year">2019.3</div>
                    </div>
                    <img class="d-flex mb-2 mr-md-4" src="images/news-img1.jpg" width="347" height="214">
                    <div class="media-body">
                        <h5 class="mt-0">2020年我们护航5G，梆梆安全亮相中国移动全球合作伙伴大会应用论坛在京召开ONENET</h5>
                        <p>研究领域包括低功耗无线通信芯片、物联智能卡、智能控制系统、智能图像处理和传输、社会公共安全防范技术、智慧交通、智慧物流、智慧养殖等......</p>
                        <a href="news-page.html" class="more">查看详细+</a>
                    </div>
                </div>
            </li>
            {% endfor %}
        </ul>
    <!--  -->
    <div class="hr-line mb-5"></div>
    <!--  -->
    <nav class="">
      <ul class="pagination justify-content-center">
        <li class="page-item">
          <a class="page-link" href="#" aria-label="Previous">
            <span aria-hidden="true">上一页</span>
            <span class="sr-only">上一页</span>
          </a>
        </li>
        <li class="page-item"><a class="page-link" href="#">1</a></li>
        <li class="page-item"><a class="page-link" href="#">2</a></li>
        <li class="page-item"><a class="page-link" href="#">3</a></li>
        <li class="page-item">
          <a class="page-link" href="#" aria-label="Next">
            <span aria-hidden="true">下一页</span>
            <span class="sr-only">上一页</span>
          </a>
        </li>
      </ul>
    </nav>
    <!--  -->
    </div>
</div>
<!--  -->
{% endblock %}
